<!DOCTYPE html>
<html>
    <head>
      <title>九幽大人的网页</title>
      <link rel="stylesheet" href="1.css">
      <meta charset="utf-8">
    </head>
    <body>
      <header>
        <div id="a">
          <nav>
            <ul>
              <li id="c" style="color: azure;font-size: 150%;">九幽大人</li>
              <li id="nav2"><a href="https://www.bilibili.com/anime/?spm_id_from=333.1007.0.0">其他</a>
              </li>
              <li id="nav2"><a href="">更多</a>
                <ul>
                  <li><a href="index2.html">日漫</a></li>
                  <li><a href="index3.html">国漫</a></li>
                  <li><a href="index4.html">童年</a></li>
                </ul>
              </li>
                <li id="nav2"><a href="index.html">首页</a></li>
            </ul>
          </nav>
        </div>
        <div class="all" id="box">
          <div class="screen">
                 <ul>
                  <div id="b"><li><img src="1.jpg" style="width: 100%; height: 100%;"  alt=""></li></div>
                  <div id="b"><li><img src="2.jpg" style="width: 100%; height: 100%;"   alt=""></li></div>
                  <div id="b"><li><img src="3.jpg" style="width: 100%; height: 100%;"  alt=""></li></div>
                 </ul>
                 <ol>

                 </ol>
          </div>
          <div id="arr">
               <span id="left">&lt;</span>
               <span id="right">&gt;</span>
          </div>
        </div>
      <h1>Film recommendation</h1>
      </header>
      <main>
        <div id="main">
          <h1>Recommended Popular Dramas</h1>
          <div id="g">
            <div style="width: 60%;height: 400px;margin: 20px auto;">
              <div id="y"><div><span style="color: azure;"><a href="https://www.bilibili.com/bangumi/play/ss33378" style="color: azure; text-decoration: none;font-weight: 900;">名侦探柯南<br></a>主人公の工藤新一はもともと有名な高校生探偵で、黒の組織の地下取引を目撃した後、追跡しようとしたところ急襲されて気絶し、「APTX 4869」と呼ばれる不明な薬物を飲まされた。その後、幸いにも死を免れたが、体は小学校時代の姿に縮小した。その後江戸川コナンと名乗り、解毒剤を得るためのパイプをひそかに探し、元の新一の姿に戻りたいと思っていた。同時に、コナンは自分の推理の天分を頼りに、阿笠博士が彼のために発明した道具に合わせて、毛利小五郎を有名な大探偵にするのを助けた。</span></div></div>
              <div id="n"><div><span style="color: azure;"><a href="https://v.youku.com/v_show/id_XNTQwMTgxMTE2.html?spm=a2h1n.8261147.0.0&s=cc001f06962411de83b1" style="color: azure;font-weight: 900;text-decoration: none;">火影忍者<br></a>故事从主人公漩涡鸣人的孤儿生活开始，他的父母为了保护村子，将攻击村子九尾妖狐封印到了他体内，鸣人因此受尽了村人的冷落，只是拼命用各种恶作剧试图吸引大家的注意力。好在还是有依鲁卡老师的关心，鸣人的性格才没有变得扭曲，他总是干劲十足、非常乐观。 为了让更多的人认可自己，鸣人的目标是成为火影。整个故事就围绕鸣人的奋斗、成长，鸣人的同伴们的故事，以及这个忍者世界的各种争斗和阴谋展开。</span></div></div>
            </div>
            <div style="width: 60%;height: 400px;margin: 20px auto;">
              <div id="s"><div><span style="color: azure;"><a href="https://www.iqiyi.com/v_19rrok4nt0.html?vfm=2008_aldbd&fv=p_02_01" style="color: azure;text-decoration: none;font-weight: 900;">海贼王<br></a>有个男人他拥有世界上一切财富、名望和权势，他就是「海盗王」高路德•罗杰。 在临死前说过这样一句话：让全世界的人都奔向大海 「想要我的财宝吗？想要的话全就拿去吧……！你们去找吧！我把世界上的一切都放在那里了」。 后来世界上的人们将这个宝藏称作“一个大秘宝”（One Piece），许多人为了争夺大秘宝One Piece，无数海盗扬起旗帜，互相斗争，后来就形成了「大海盗时代」。 主角蒙奇•D•路飞在遥远的路途上找寻着志同道合的伙伴，携手共进「伟大航线」，目标当上「海盗王」。 航海王是一个依着彼此坚毅的友情最终获得胜利，大伙一起朝着梦想扬帆努力的冒险故事。</span></div></div>
            <div id="k"><div><span style="color: azure;"><a href="https://www.bilibili.com/bangumi/play/ss5761?spm_id_from=333.337.0.0" style="color: azure;text-decoration: none;font-weight: 900;">宠物小精灵<br></a>《精灵宝可梦 无印》共分为关都地区石英联盟、橘子群岛橘子联盟、城都地区城都联盟三个部分，因本作品无副标题，故又称为"无印"篇。《精灵宝可梦》动画改编自同名游戏，讲述了立志成为宝可梦大师的小智和皮卡丘结伴旅行的故事。一路上，小智邂逅了不少同伴、劲敌、好友，和他们展开了一次又一次冒险。《精灵宝可梦 无印》共分为关都地区石英联盟、橘子群岛橘子联盟、城都地区城都联盟三个部分，因本作品无副标题，故又称为"无印"篇。</span></div></div>
            </div>
          </div>
        </div>
        <div id="q" style="text-align: center;margin: 60px auto 40px auto;width: 190px;height: 40px;background-color: #e1e1e1;">
          <span style="font-weight: 900;line-height: 36px;cursor: pointer;">更多内容 尽情期待</span>
        </div>
      </main>
      <footer>
        <div id="footer">
          <div style="width: 700px;margin: 0px auto;height: 100px;text-align: center;">
            <div id="ee" style="width: 100px;height: 100px; float: left;">
              <img src="13.jpg" style="width: 66.6px;height: 66.6px; margin: 17px 15px 0px;">
            </div>
            <div style="width: 500px;height: 100px;float: left;text-align: center;">
           <div style=" color: hsla(0,0%,100%,.4);padding: 8px 0px 0px 0px;font-weight: 900;">九幽大人</div>
           <div style="color: hsla(0,0%,100%,.4);font-weight: 900;">听说每个人都喜欢看他做的网页</div>
           <div style="color: hsla(0,0%,100%,.4);"><a href="index.html" style="color: hsla(0,0%,100%,.4);text-decoration: none ;font-weight: 900;">返回首页</a></div>
           <div style="color: hsla(0,0%,100%,.4);font-weight: 900;"><a href="index5.html" target="_blank" style="text-decoration: none;color: hsla(0,0%,100%,.4);font-weight: 900;">实验报告</a></div>
            </div>
           <div id="rr" style="width: 100px;height: 100px;float: left;">
           <img src="12.jpg" style="width: 66.6px;height: 66.6px;margin: 17px 15px 0px;">
           </div>
          </div>
        </div>
      </footer>
      <script src="1.js"></script>
    </body>
</html>